<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // console.log('js开始');
        // // 1
        // const xhr = new XMLHttpRequest();
        // // 2配置请求信息  
        // xhr.open('get','http://localhost:8080/test/first',false)

        // // 3.发送出去  
        // xhr.send() 


        // // 4.注册一个完成的事件 
        // xhr.onload = function(){
        //     // 拿到后端返回的结果  
        //     // xhr.responseText 后端返回的数据 在这里 
        //     console.log(xhr.responseText)
        // }
        // console.log('js结束');

        // 上面的结果是    js开始 js结束  中间什么也没有 

        // 为什么 ?
        // open配置的是同步请求  必须等到响应结果才执行后边的 
        // 而我们接着执行了第三步  相当于一个新的请求  
        // 所以本次拿不到任何结果  

        // 想要拿到结果  必须是 open 后  注册完成事件 
        // 也就是 1243 

        // js开始  
        // 创建一个ajax对象
        // 配置了请求信息  
        // 把请求发出去了 (同步请求) 事情一件件的做 
        //  把请求发出去  (因为是同步 必须等到 服务响应以后再执行后续代码)
        //  响应给浏览器 
        // 触发本次ajax 请求完成  

        // 注册一个完成事件  
        // 注册以前 ajax 完成了  
        // 之后再也不会有ajax行为触发了 

        // send() 


        // 如果同步的过程是 1234  会发现拿不到任何数据  


        //异步  可以是 1234  也可以 1243 
        // 同步  必须是  1243 否则拿不到 后台返回的数据  
        console.log('js开始');
        // 1
        const xhr = new XMLHttpRequest();
        // 2配置请求信息  
        xhr.open('get', 'https://www.baidu.com/home/weather/getweather?citycode=3675&bsToken=c03c19059f58a0e4c76af756402e0012&indextype=manht&_req_seqid=0xb1cd367100013f1b&asyn=1&t=1685936135833&sid=38516_36555_38687_38795_38767_38486_38820_38822_38638_26350_22160', true)



        // 4.注册一个完成的事件 
        xhr.onload = function () {
            // 拿到后端返回的结果  
            // xhr.responseText 后端返回的数据 在这里 
            console.log(xhr.responseText)
        }
        // 3.发送出去  
        xhr.send();


        
        console.log('js结束');




    </script>
</body>

</html>